<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>登录--layui后台管理模板</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="${ctxPath}/static/images/favicon.ico">
    <link rel="stylesheet" href="${ctxPath}/static/plugins/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="${ctxPath}/static/css/font-awesome.min.css" media="all"/>
    <link rel="stylesheet" href="${ctxPath}/static/css/login.css" media="all"/>
</head>
<body>
<!--背景-->
<div class="back">
    <img src="${ctxPath}/static/images/b1.jpg" style="background-repeat: no-repeat;" width="100%" height="100%" />
</div>
<!--<div class="video_mask"></div>-->

<div class="box">
    <div class="header">
        <!--<img class="logo" src="img/bbs.png" >-->
        <div class="title">KING后台管理系统</div>
        <div class="sub"><span>测试账号：test 密码：test</span> </div>
    </div>
    <div class="conent">
        <div class="banner">
            <video class="player" muted preload="auto" autoplay="autoplay" loop="loop" data-height="100%" data-width="100%">
                <source src="${ctxPath}/static/images/login.mp4" type="video/mp4">
            </video>
        </div>
        <div class="main ">
            <div class="form-card_front">
                <a href="#" class="form_swap-link loginBtn">注册</a>
                <hr class="layui-bg-blue">
                <form class="layui-form layui-form-pane">
                    <div class="layui-form-item">
                        <input class="layui-input" name="userName" placeholder="用户名" lay-verify="userName" type="text" autocomplete="off">
                    </div>
                    <div class="layui-form-item">
                        <input class="layui-input" name="password" placeholder="密码" lay-verify="password" type="password" autocomplete="off">
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <div class="layui-input-inline" style="width: 50%">
                                <input disabled="禁用" type="text" name="validation" placeholder="验证码" lay-verify="validation" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-input-inline" style="width: 40%">
                                <div class="code"><a href=""><img src="${ctxPath}/static/images/captcha.png" width="100" height="35"></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="remeber">
                            <input type="checkbox" name="remeber" title="记住我">
                        </div>
                        <div class="forget">
                            <span><a>忘记密码？</a></span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn layui-btn-big layui-btn-radius" lay-submit lay-filter="btnLogin" style="width: 100%;">登 录
                        </button>
                    </div>
                </form>
            </div>
            <div class="form-card_back">
                <a href="#" class="form_swap-link regBtn">登录</a>
                <hr class="layui-bg-orange">
                <form class="layui-form ">
                    <div class="layui-form-item">
                        <input class="layui-input" name="username" placeholder="用户名" lay-verify="required" type="text" autocomplete="off">
                    </div>
                    <div class="layui-form-item">
                        <input class="layui-input" name="username" placeholder="邮箱" lay-verify="required" type="text" autocomplete="off">
                    </div>
                    <div class="layui-form-item">
                        <input class="layui-input" name="password" placeholder="密码" lay-verify="required" type="password" autocomplete="off">
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <div class="layui-input-inline" style="width: 50%">
                                <input type="text" name="Validation" placeholder="验证码" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-input-inline" style="width: 40%">
                                <div class="code"><img src="${ctxPath}/static/images/captcha.png" width="100" height="35"></div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <button lay-submit lay-filter="btnReg" class="layui-btn layui-btn-big layui-btn-warm layui-btn-radius" style="width: 100%;">注 册</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="layui-footer footer">
    <div class="layui-main">
        <p>
            <a href="#">首页</a>
            <a href="javascript:layer.msg('暂无此页');">关于我们</a>
            <a href="mailto:yang2048@qq.com">联系</a>
            <a href="javascript:layer.msg('暂无此页');" target="_blank">GitHub</a>
            <a href="javascript:layer.msg('暂无此页');" target="_blank">码云</a>
        </p>
        <p>© Copyright 2017 沐之永. All Rights Reserved. </p>
    </div>
</div>


<script type="text/javascript" src="static/plugins/layui/layui.js"></script>
<script type="text/javascript" src="static/js/login.js"></script>
</body>
</html>